html, body, #app {
  margin: 0;
  padding: 0;
  height: 100%;

  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}

a {
  text-decoration: none;
}

label {
  font-weight: 700;
}

.upload-container {
  text-align: center !important;
}

.upload-item {
  display: flex;
  justify-content: center;
  margin: 10px 0px;
}

.select-item {
  margin: 20px 0px;
  width: 100%;
}

.file-item {
  padding: 20px 40px 50px 40px;
}

.type-container {
  padding: 15px 40px;
}

.card {
  position: relative;
  padding: 20px 30px; 
  background-color: #fff; 
  /* border-radius: 8px; */
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); */
  /* min-height: calc(100vh - 165px); */
}

.card-title {
  position: relative;
  padding: 20px 30px 0 30px; 
  background-color: #fff; 
  margin-bottom: 20px;
}

.card-title .search-item {
  width: 100%;
}

.card-title .search-content {
  margin-right: 1.5rem;
}

.card-title .search-button {
  position: relative;
  float: right;
  display: block; 
  white-space: nowrap;
}

.card-title .search-button .advanced-button {
  margin-left: 0.6rem
}


.divide-line {
  height: calc(20px);
}

.page-container {
  padding: 20px 20px 20px 27px;
  min-height: calc(100vh - 125px);
}

.button-container {
  margin-bottom: 1rem;
}

.button-container .el-col {
  margin-top: 0.5rem;
}

.search-container {
  margin-top: 60px;
}

.top-right-btn {
	position: relative;
	float: right;
  margin-top: 0.5rem;
}

.image-slot {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  background: #f5f7fa;
  color: #909399;
  font-size: 20px;
}

.image-slot-table {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 79px;
  height: 79px;
  background: #f5f7fa;
  color: #909399;
  font-size: 20px;
}

.dot-success {
  background: #1890ff;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: relative;
  margin-right: 0.5rem;
}

.dot-danger {
  background: red;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: relative;
  margin-right: 0.5rem;
}

.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;

  &:hover {
    color: rgb(32, 160, 255);
  }
}